<html>
<head>
<link rel='stylesheet' href='../../../../../../../../../../../js/sh/SyntaxHighlighter.css' type='text/css' />
<script src='../../../../../../../../../../../js/sh/shCore.js'></script>
<script src='../../../../../../../../../../../js/sh/shBrushJava.js'></script>
<style>
* {
font-family:Courier New,monospace;
  padding: 0;
  margin: 0;
  white-space: nowrap;
  font-size: 11px;
}
.dp-highlighter {
  white-space: nowrap;
  overflow: visible;
  width: 600px;
  font-size: 11px;
  font-family:Courier New,monospace;
}
</style>
</head>
<body>
<textarea name='code' class='java:nogutter' rows='15' cols='120'>
<HTML>
<body>
<b>To use this application:</b><br><br>
<ol>
    <li>Select a folder in the <i>Office Supply Categories</i> tree to display items in that category.
        <br>&nbsp;</li>
    <li>Select an item in the <i>Office Supply Items</i> list to view or edit item details.
        <br>&nbsp;</li>
    <li>Select the <i>View</i> or <i>Edit</i> tab in the <i>Item Details</i> window as appropriate.
        <br>&nbsp;</li>
    <li>Edit information in the Edit pane of the <i>Item Details</i> window and click 'Save Item' to 
        save your changes; or
        <br>&nbsp;</li>
    <li>Double-click on item Name, Description, Units, or Unit Cost to edit information 
        in place in the <i>Office Supply Items</i> list.
        <br>&nbsp;</li>
    <li>Right-click on any item in the <i>Office Supply Items</i> list to Show Details, Edit, or 
        Delete that item.
        <br>&nbsp;</li>
    <li>Drag an item from the <i>Office Supply Items</i> list to a folder in the 
        <i>Office Supply Categories</i> tree to recategorize the item.
        <br>&nbsp;</li>
    <li>Enter partial SKU or Item name in the <i>Find Items</i> form and click 'Find' to display 
        matching Office Supply Items.
        <br>&nbsp;</li>
    <li>Click the 'Use category' checkbox to filter items based on both partial SKU or Item 
        name <i>and</i> the selected category in the <i>Office Supply Categories</i> tree.
        <br>&nbsp;</li>
    <li>Click on any section header (eg <i>Item Details</i>) to hide that section.
        Click and drag section headers to resize sections.  Click and drag the vertical
        resize bar to resize the left and right halves of the application.
        </li>
</ol>
</body>
</HTML>
</textarea>
<script class='javascript'>
dp.SyntaxHighlighter.HighlightAll("code");
</script>
</body>
</html>
